<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>天天生鲜-用户中心</title>
	<link rel="stylesheet" type="text/css" href="/static/client/css/reset.css">
	<link rel="stylesheet" type="text/css" href="/static/client/css/main.css">
</head>
<body>
<div th:replace="~{/comm/header_con}" />

<div th:replace="~{/comm/search_bar}" />

	<div class="main_con clearfix">
		<div class="left_menu_con clearfix">
			<h3>用户中心</h3>
			<ul>
				<li><a href="/user_center_info">· 个人信息</a></li>
				<li><a href="/user_center_order" class="active">· 全部订单</a></li>
				<li><a href="/user_center_site">· 收货地址</a></li>
			</ul>
		</div>
		<div class="right_content clearfix">
				<h3 class="common_title2">全部订单</h3>
               <th:block th:each="order,orderStat:${page.getRecords()}">
				<ul class="order_list_th w978 clearfix">
					<li class="col01" th:text="${order.time}"></li>
					<li class="col02" th:text="|订单号：${order.orderNo}|"></li>
					<li class="col02 stress" th:switch="${order.status}">
						<span th:case="2">已付款</span>
						<span th:case="3">已发货</span>
						<span th:case="4">已收货</span>
						<span th:case="1">未付款</span>
					</li>
				</ul>

				<table class="order_list_table w980">
					<tbody>
						<tr >
							<td width="55%">
								<ul th:each="good,goodStat:${order.getFOrderdetail()}" class="order_goods_list clearfix">
									<li class="col01"><img th:src="${good.imgUrl}"></li>
									<li class="col02" th:text="${good.goodName}"><em  th:text="|${good.price}元/${good.unit}|"></em></li>
									<li class="col03" th:value="${good.num}"></li>
									<li class="col04"  th:text="|${good.price}元|"></li>
								</ul>
							</td>
							<td width="15%" th:text="|${order.totalPrice}元|"></td>

							<td width="15%" th:switch="${order.payStatus}">
								<span th:case="2">支付宝</span>
								<span th:case="3">微信支付</span>
								<span th:case="4">银行卡支付</span>
								<span th:case="*">货到付款</span>
							</td>
							<th:block  th:switch="${order.status}">
								<td width="15%" th:case="1"><a href="#" class="oper_btn">去付款</a></td>
								<td width="15%" th:case="3"><a href="#" class="oper_btn">查看物流</a></td>
							</th:block>
						</tr>
					</tbody>
				</table>
			   </th:block>


				<div th:if="${page.getRecords().size()>0}" class="pagenation">
					<a href="">首页</a>
					<a th:if="${page.hasPrevious()}"  th:href="|?p=${page.getPageNumber()-1}|">上一页</a>

					<a th:if="${page.hasNext()}" th:href="|?p=${page.getPageNumber()+1}|">下一页</a>

					<a th:href="|?p=${page.getTotalPage()}|">末页</a>
				</div>
			   <div th:unless="${page.getRecords().size()>0}">
				   <h1 style="margin: 0 auto; text-align: center;font-size:30px">订单列表空空的</h1>
			   </div>
		</div>
	</div>

	<div th:replace="~{/comm/footer}" />

</body>
</html>
